<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>联合国疫苗管理系统</title>
    <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="css/demo.css"/>
    <!--必要样式-->
    <link rel="stylesheet" type="text/css" href="css/component.css"/>
    <!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->
</head>

<style>
    input[type=submit] {
        width: 100%;
        background-color: rgba(153, 153, 153, 0.1);
        color: white;
        height: 50px;
        /*padding: 14px 20px;*/
        /*margin: 8px 0;*/
        /*margin-left: 30%;*/
        /*border: solid;*/
        /*border-radius: 4px;*/
        /*cursor: pointer;*/
        /*border-color: red;*/
    }

    input[type=submit]:hover {
        background-color: rgba(189, 189, 189, 0.2);
    }
</style>
<body>
<div class="container demo-1">
    <div class="content">
        <div id="large-header" class="large-header">
            <canvas id="demo-canvas"></canvas>
            <!--            <div class="logo_box">-->
            <!--                <h3>欢迎你</h3>-->
            <!--                <form action="#" name="f" method="post">-->
            <!--                    <div class="input_outer">-->
            <!--                        <span class="u_user"></span>-->
            <!--                        <input name="logname" class="text" style="color: #FFFFFF !important" type="text"-->
            <!--                               placeholder="请输入账户">-->
            <!--                    </div>-->
            <!--                    <div class="input_outer">-->
            <!--                        <span class="us_uer"></span>-->
            <!--                        <input name="logpass" class="text"-->
            <!--                               style="color: #FFFFFF !important; position:absolute; z-index:100;" value=""-->
            <!--                               type="password" placeholder="请输入密码">-->
            <!--                    </div>-->
            <!--                    <div class="mb2"><a class="act-but submit" href="javascript:;" style="color: #FFFFFF">登录</a></div>-->
            <!--                </form>-->
            <!--            </div>-->


<!--            <section class="loginform">-->
<!--                <img src="https://dss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4160586871,3113145410&fm=26&gp=0.jpg"-->
<!--                     height=120px width=350px style="position: absolute;opacity:0.2; ">-->
<!--                <h1>联合国</h1>-->
<!--                <h1>疫苗管理系统</h1>-->
                <div>
                    <form action="login">
                        <ul>
                            <li>
                                <!--                    <label>国家：</label>--><br>
                                <input type="text" class="textBox" name="sname" placeholder="请输入你的国家"/>
                            </li>

                            <li>
                                <br>
                                <!--                    <label>密码：</label>-->
                                <input type="password" class="textBox" name="password" placeholder="请输入你的密码"/>
                            </li>


                            <li>
                                <input type="submit" value="立即登陆"/>
                            </li>


                        </ul>
                    </form>
                    <form method="register" action="register.jsp">
                        <input type="submit" value="注册"></input>
                    </form>
                </div>
<!--            </section>-->



        </div>
    </div>
</div><!-- /container -->
<script src="js/TweenLite.min.js"></script>
<script src="js/EasePack.min.js"></script>
<script src="js/rAF.js"></script>
<script src="js/demo-1.js"></script>
<div style="text-align:center;">
</div>
</body>
</html>